<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Document</title>
  </head>
  <body></body>
  <script>
    /*
      浅拷贝 (shallow copy)
        - 通常对对象的拷贝都是浅拷贝
        - 浅拷贝顾名思义，只对对象的浅层进行复制（只复制一层）
        - 如果对象中存储的数据是原始值，那么拷贝的深度是不重要
        - 浅拷贝只对对象本身进行复制，不会复制对象中的属性（或元素）
      深拷贝（deep copy）
        - 通常对对象的拷贝都是深拷贝
        - 深拷贝会递归地复制对象及其所有属性（或元素）
        - 深拷贝会创建新的对象，并复制所有属性（或元素）
     */
    let arr = [{ name: "zs",add:{one:'henan'} }, { name: "ls" }];
    let res = arr.slice(); // 浅拷贝)
    console.log(arr[0].add === res[0].add); // true
    res = structuredClone(arr);  //深拷贝的方法
    console.log(res[0].add === arr[0].add); // false
  
  </script>
</html>
